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(57) Abstract: A method and apparatus are provided for constructing a composite image within an image space of a webpage. The 
method includes displaying a plurality of source images within a content area of the webpage and dividing the image space of the 
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receipt of a selected image of the plurality of images and resizing the selected image to fit the designated subspace of the composite 
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i METHOD OF CONSTRUCTING A COMPOSITE IMAGE 

2 

3 FIELD 

4 The field of the invention relates to the Internet and more specifically to 

5 method of constructing and transmitting images over the Internet. 

6 

i BACKGROUND 

8 Computer networks, in general, and the Internet, in specific, have become a 

9 vast resource of information. With the aid of a personal computer (PC) and web 

0 browser, a user may connect and retrieve information on virtually any subject 

1 matter. 

2 Using the browser, a user can locate and access any of a number of search 

3 engines through the Internet. From the search engines, a webpage may be 

4 downloaded for the entry of search terms. Through the proper entry of search 

5 terms, any range of images and text may be located and downloaded to a user. 

6 Once downloaded to a user, the user may review the information on-line or 

7 print it out. Alternatively, the user may store the information to disk. 

8 While the information downloaded from the Internet is useful, it typically 

9 downloaded under a hypertext transport protocol (HTTP). While HTTP is useful 

0 for storing and printing, it is not particularly easy to manipulate and combine files. 

1 Other protocols, such as XML, are available, but have not been developed into 

2 useful applications. Accordingly, a need exists for applications which allow for the 

3 easy manipulation and combining of web based documents. 

4 

5 SUMMARY 

6 A method and apparatus are provided for constructing a composite image 

7 within an image space of webpage. The method includes displaying plurality of 

8 source images within a content area of the webpage and dividing the image space of 

9 the composite image into a plurality of subspaces. The method further includes 

o designating a subspace of the plurality of subspaces for receipt of a selected image 
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1 of the plurality of images and resizing the selected image to fit the designated 

2 subspace of the composite image. 

3 

4 BRIEF DESCRIPTION OF THE DRAWINGS 

5 FIG. 1 is a block diagram of a system for constructing a composite image in 

6 accordance with an illustrated embodiment of the invention; 

7 FIG. 2 is login screen that may be used by the system of FIG. 1 ; 

8 FIG. 3 is a subject matter selection screen that may be used by the system of 

9 FIG. 1; 

10 FIG. 4 depicts a further subject matter selection screen that may be used by 

11 the system of FIG. 1; 

12 FIG. 5 depicts a template selection screen that maybe used by the system of 

13 FIG. 1; 

14 FIG. 6 depicts a selected template and content area that may be used by the 
is system of FIG. 1; 

16 FIG. 7 depicts a floating toolbar that may be used by the system of FIG. 1 ; 

17 FIG. 8 depicts details of content selection that may be used by the system of 
is FIG. 1; 

19 FIG. 9 depicts further details of content selection that may be used by the 

20 system of FIG. 1; 

21 FIG. 1 0 depicts content that may be used in the composite image by the 
2 2 system of FIG. 1 ; 

23 FIG. 1 1 depicts details of construction of the composite image constructed 

24 by the system of FIG. 1; 

25 FIG. 12 depicts details of image transfer to the composite image constructed 

26 by the system of FIG. 1; 

27 FIG. 13 depicts details the composite image constructed by the system of 

28 FIG. 1; 

29 FIG. 14 depicts details of text transfer to the composite image constructed 

30 by the system of FIG. 1; 

2 
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1 FIG. 15 depicts details of creation of the composite image constructed by 

2 the system of FIG. 1; 

3 FIG. 16 depicts, a composite image constructed by the system of FIG. 1; 

4 and 

5 FIG. 1 7 depicts a screen for editing composite images that may be used by 

6 the system of FIG. 1 . 

7 Appendix I depicts a DTD that may be used by the system of FIG. 1 . 

8 Appendix II depicts a composite image file that may be generated from the 

9 composite image of FIG. 17. 
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1 DETAILED DESCRIPTION 

2 FIG. 1 is a block diagram of a system 10, shown generally under an 

3 illustrated embodiment of the invention, for collecting, composing and transmitting 

4 images through the Internet. As used herein, an image includes: an illustration; 

5 photo; text; multimedia components such as, but not limited to, video, hypertext, 

6 etc.; and/or the like. A composite image includes more than one image. 

7 Included within the system 10 may be an operators station 34. The 

8 operators station 34 may include a central processing unit (CPU) 12 with an 

9 appropriate web browser 32, a display 20 and keyboard 18. The operators station 
10 34 may also include a database 22 which may function as a source and also a 

n destination of images. 

12 The operators station 34 may include a connection to the Internet 14. Also 

13 coupled to the Internet 14 may be one or more servers (e.g., CPUs) 16, including 

14 websites 26 and databases 24. The servers 16 may also function as both a source 
is and destination of images as described in more detail below. 

16 Under the illustrated embodiment, an operator (not shown) working through 

17 the operators station 34 may access a website 26 and download a webpage 28 

18 containing the software constructs (e.g., a page building via browser (PBVB) tool 

19 30) for processing composite images. The PBVB tool 30 is a configurable tool, 

20 which brings page layout functionality to the Internet. Communication between the 

21 operators station 34 and website 26 for downloading of the P3VB tool 30 (and 

22 subsequent communication) may occur through the standard HTTP port 80 of the 

23 operators station 34. 

24 As described in more detail below, the PBVB tool 30 provides a facility and 

25 an intuitive interface for placing content within a template. Since it may be 

26 retrieved from a website, it is inherently simple to access from remote locations and 

27 easy to install. Further, since the PBVB tool 30 may be downloaded from a 

2 8 common website of an organization, the organization may more easily enforce 

29 business rules through the use of embedded templates. 
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1 In general, the PBVB 30 may be written as a Java applet and run inside the 

2 browser 32. Providing the PBVB 30 as a Java applet allows PBVB 30 to be easily 

3 used in conjunction with Microsoft Internet Explorer or Netscape Navigator 

4 browsers on either PC or Macintosh platforms. 

5 Further, to facilitate operation of the PBVB 30, data may be delivered to 

6 and routed from the PBVB 30 under a common format (e.g., XML). The use of 

7 XML simplifies image manipulation and composite image construction by 

8 providing a format which is Internet compatible and which is easily adapted to both 

9 text and image processing. 

1 o The preparation of composite images may be useful for any of a number of 

11 uses. For example, the operator may use the workstation 34 to retrieve text and 

12 graphical representations from any of a number of Internet or local sources and 

13 combine such information into virtually any form of instructional or sales literature 

14 (e.g., catalogs). 

15 Following is a description of a process that may be used for the creation of a 

16 catalog. While the description below is directed to a specific type of composite 

17 image, it should be understood that the described process may be extended to 

1 8 virtually any situation. 

19 In order to perform construction of a composite image, the operator (after 

2 o accessing the website 26 and downloading webpage 28 and PBVB 30) may first be 

21 presented with a sign-on screen 40 (FIG. 2). The operator may enter his user name 

22 in a first box 42 and password in a second box 44, followed by activation of a login 

23 softkey. 

24 Following sign-in to the system, the website 26 may download a webpage 

25 50 (FIG. 3) offering a set of file choices 52, 54, 56, 58 from which the composite 

26 images will be created. In the example of the catalog, the operator may activate the 

27 " Spring and Summer" option 58. 

28 In response, a further webpage 60 may be downloaded from the website 

29 offering subdivisions 62, 64, 66, 68 of the file selection 58. As a further example 

3 0 of the catalog creation, the operator may select "Misses" 68. 
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1 In response, the website 26 may download a template selection webpage 70. 

2 Within the template selection webpage 70, a number of possible templates 72, 74, 

3 76 may be provided, any one of which may be used for creation of a composite 

4 image. A scroll bar 78 may be provided to access other choices of templates. In 

5 the example provided, the operator may select the lower template 76. 

6 The templates may be divided into a number of boxes. Larger boxes may 

7 have smaller boxes inside. The smaller boxes may be text boxes and the larger 

8 boxes may be image boxes. For convenience text boxes may be shown with 

9 diagonal lines. However, this is for convenience only, in the sense that images may 

10 later be placed in text boxes and text placed in image boxes. 

11 Upon selection of a template 76, the PBVB 30 may divide the display 80 

12 into a composing screen including first and second windows 82, 84 (FIG. 6). The 

13 first window 82 may be a content area for selecting source content for the 

14 composite image and the second window 84 displays the template within which the 

15 composite image is to be created. A floating toolbar 86 is also provided to facilitate 

16 creation of the composite image. 

17 FIG. 7 provides further detail regarding the floating toolbar 86. As shown, 

18 a first icon 88 of a disk, allows the user to save the composite image. A second 

19 icon 90 allows the user to print the composite image. Third and fourth curved 

20 arrows 92, 94 allows the user to UNDO and REDO changes. A selection tool 96 is 

21 provided to select specific boxes of the template for insertion of content into the 

22 composite image. A text tool 98 is provided to edit text in specific boxes. Zoom-in 

23 and zoom-out boxes 100, 102 and a zoom-to-perceritage box 104 are provided to 

24 enlarge or reduce portions of the composite image. A help box 106 is also 

25 provided. Finally, a box select tool 1 08 and line selection tool 107 are provided to 

26 insert additional boxes and lines into the template. 

2 7 A user may click on the box selection tool 1 07 with a cursor 1 34 and then 

28 click on a desired location within the selected template. The location of the cursor 

29 134 when the key on the mouse was actuated becomes the upper left comer of a 
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1 new box. The user may enlarge the box by holding the actuating key on a mouse 

2 controller and dragging the new box to whatever size needed. 

3 Similarly, the line tool 107 may be selected by placing the cursor 134 on the 

4 line selection icon 107 and clicking. To create lines, the user may first click on a 

5 starting position, move the cursor 134 to an end position and click a second time. 

6 The content area 82 functions as a means to access source material for 

7 inclusion into the composite image. Within the content area 82, a first pull-down 

8 menu 110 may specify a data path to a particular data source (e.g., within a local 

9 directory, related database 22, Internet source 24, etc.). Once a source has been 

10 identified, first and second tabs 1 12, 1 14 may be used to select either text or images 

11 within the source file. 

12 In the catalog example, a user may specify a specific pathname as a data 

13 source within a remote DB 24 (FIG. 1). Files identified by the pathname may be 

14 displayed in the pulldown menu 1 1 8 (FIG. 8) of content select 110. In the catalog 

15 example, the file names may be "Specific Product", "Special Items" and "Sale". 

16 The user may select "Specific Product". Some choices may require additional path 

17 information. 

18 For example, selection of the directory name "Specific Product" may not be 

19 a complete path to a file. In this case, a window 120 (FIG. 9) may be displayed 

20 requesting a specific file name. The user enters an identifier in a file identifier box 

21 122 and activates the OK button. The information entered through the file 

22 identifier box 122 may be easily customized via a configuration file. 

23 Upon identification of a file, the contents of the file may be displayed in the 

24 content area 82. Since the image tab 1 12 is highlighted in the content area 82, 

25 images 128, 130, 132 within the file 1 1SKU#; 12345-121 1 are retrieved and 

26 displayed within the content display area 126. To accommodate the reduced size of 

27 the content display area 126, the images may be reduced or enlarged using standard 
2 8 Java commands. Alternately, a thumbnail image may be displayed which may be 
29 suggestive of the underlying image. 
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1 To create the composite image, the user may place a cursor 134 on an image 

2 (e.g., 128) and drag the image to a box (e.g., 136). When the cursor 134 is released, 

3 the 10 PBVB 30 resizes the image 128 to occupy the box 136 using standard Java 

4 commands. The outline of the box 136 disappears and the resized image 138 

5 appears in its place (FIG. 11). 

6 Since the image 138 was placed in a first box 136 of the larger box 142, the 

7 PBVB 30 may now assume that the second smaller box 140 is a text box. To select 

8 text to add to the composite image, the user may either click on the box 140 or 

9 select the text tab 114. 

10 Selection of the text tab 114 (FIG. 12) causes any text sections 142, 144, 

n 146 associated with the file to be presented in the content area 82. As with images, 

12 the user may place the cursor 134 over a text section and drag the text (e.g., 144) to 

13 a box (e.g., 140). Alternatively, the user may first click on the box 140 and then 

14 simply click on the text section 144 to affect a transfer. As with the images, the 

15 text section 144 may be resized to fit the box of the composite image (FIG. 13). 

16 Once text has been dragged to a box the user may edit the text. 

17 Alternatively, the user may edit the text 144 file in the control area 82. The user 

18 may edit the text by selecting the text tool 98 or he may select the text by double- 

19 clicking on the text. Once the text tool has been selected, the user may place the 

20 cursor 134 in the proper location in the text and make any necessary changes. 

21 To facilitate entry of information into the composite image 148, the user 

22 may select the zoom-in tool 150 (FIG. 14) and enlarge a particular box 152. In 

23 response, the box 152 (FIG. 15) may be enlarged to occupy the entire right window. 

24 Image and text may be dragged and dropped as above. As each box 152 (FIG. 15) 

25 is completed, the user may return to the template by selecting the zoom-out tool 

26 100. 

2 7 Using the process described above, the entire composite image 148 may be 

28 completed as shown in FIG. 16. Upon completion, the user may select the save 

29 icon. 
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1 Upon selection of the save icon 88, the composite image 148 may be converted into 

2 an XML document and stored or printed. The XML document may be stored in a 

3 local database 22, transmitted under XML to a website 26 or stored in a remote 

4 database 24. 

5 The transfer of data into and out of the PBVB 30 may be accomplished 

6 under any of a number of different formats. The source information (text and 

7 images) provided to the PBVB 30 may be provided under any appropriate mark-up 

8 language (e.g., XML) from any of a number of information conversion utilities 

9 (e.g., DeskNet APS). Images may be further encoded under an appropriate image 

1 o format (e.g., gif, jpeg, etc.). 

11 Composite images may be encoded by PBVB 30 into a composite image 

12 file 21 , 29 under a webpage format for transmission, printing or storage in an 

13 appropriate database under a mark-up language structured to minimize composite 

14 file size, yet maximize file conversion efficiency. Appendix I provides an example 
is of a document type definition (DTD) that may be used in conjunction with XML as 

16 an encoding mechanism for the composite image. 

17 As may be noted from the DTD information of Appendix I, the information 

18 of the composite image maybe encoded under XML based upon position and any of 

19 a number of text and picture elements. The x position (xpos), y position (ypos) and 

2 o width and height of each box of the original template of the composite image 148 is 

21 required. Text may be attached to text boxes using conventional XML formatting. 

22 Lines, font or shading may be imparted to the composite image 148 using the DTD 

23 and conventional XML formatting. 

24 As may also be noted from the Appendix I the DTD allows images or text to 

25 be identified by a universal resource locator (URL). The utility of using a URL for 

26 an image (or for text) is that the actual image does not necessarily have to be stored 
2 7 within the composite image file. As such, the composite image file 21 , 29 may 

28 simply be transferred in the form of a shell with references to source files. When 

29 the composite file reaches its destination, a browser may simply retrieve the 
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1 information from the URL and insert it into the proper location of the composite 

2 image 148. 

3 As is clear from Appendix I, the composite image file 21, 29 may be 

4 structured without any text or image information within the file. The composite 

5 image file 21 , 29, in fact, need only contain a page layout with paths to the image 

6 and text necessary for rendering the composite image into the same visual 

7 appearance presented to the original user during creation of the composite image. 

8 Within a destination (e.g., another CPU 16), the composite image 148 may 

9 be reconstructed based upon the composite image file 29 and the DTD 27. To 

0 recreate the composite image 148, a decoding processor 23 (e.g., a browser) may 

1 retrieve the composite image file 29 from a database 24. The decoding processor 

2 23 may reconstruct the template using the composite image file 29 and DTD 27. 

3 Any images not contained within the file 29 may be retrieved using the URL within 

4 the composite image file 29. 

5 FIG. 1 7 depicts an editing screen that may be generated by the PB VB tool 
s 30 for editing composite screens. As with the composing screen of FIG. 6, the 

7 editing screen may include a content area 82 and an image area 84. 

3 To facilitate editing of existing (or the generation of entirely new) 

9 composite images, the content area 82 may include tabs allowing selection of 

3 images, text or templates. In the case of the editing screen of FIG. 17, the template 

l tab 160 may be used to retrieve pre-existing composite images. 

i By selecting the template tag (and entry of an appropriate path identifier), a 

3 number of previously created composite images 162, 164, 166 may be displayed in 

i the context area 82. To select a composite image 162, 164, 166, the user may place 

5 the cursor over the image and activate the selection switch. 

> In response, the selected composite image 162, 164, 166 may be displayed 

7 in the image area 84. Once an image has been selected, the user may select the 

3 image or text tab (FIG. 1 8) and edit the selected composite image. Editing may 

5 occur by selecting the text tool and typing in corrections, add new boxes, change 

) box size (all as described above), or substitute new content. New content may be 
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1 substituted by dragging new content into the space of existing content. When this 

2 is done, the new content completely replaces the old content. 

3 Turning now to the composite images, an example will now be provided 

4 regarding the structure and content of the composite image files 21 , 29. Appendix 

5 II may be representative of a CEF file 21, 29 that may be generated by the PBVB 

6 tool 30 from the composite image 168 of FIG. 17. 

7 For ease of understanding the content of Appendix II, line numbers have 

8 been added along the left margin of FIG. 17. Reference shall be made to the line 

9 numbers as appropriate to understanding the relationship between CEF files 
10 elements and corresponding elements of the composite image 168. 

n As may be noted, line 1 defines the type of CEF 21, 29 file by version and 

12 the term "encloding^lininl" defines an XML character set. Line 3 provides a 

13 URL to a relevant DTD 27, 3 1 . Line 5 provides a layout delimiter. Line 6 provides 

14 a page number of the composite image and a size of the page in points (e.g., 72 

15 points per inch). 

16 Lines 7-18 defines the first element 170 of the composite image 168. As 

17 shown on line 7, the element 170 is a text box. The x and y position (i.e., xpos and 
is ypos) of the upper left comer of the box lies at 225 and 643.252, respectively. The 

19 width is 365.7266 and the height is 2 1 .2385 points. The box can be edited, 

20 therefore canEdit- 'true". The term xpos=0, therefore other boxes may overlap the 

21 first element 170. The runaround terms (e.g., rounaroundleft, runaroundright, 

22 runaroundtop, runaroundbottom) specify a border space around the element 170. 

23 Line 12 defines the end of the text properties. Lines 13-15 specify font and style. 

24 Lines 16-17 specifies the actual text to be placed within the element 170. Line 18 

25 defines the end of the text element 1 70. 

26 Lines 20-27 defines the location and content of a picture box 172. As may 

27 be noted, line 26 provides a URL to the actual image information to be inserted into 
2 8 the picture box 1 72. 

29 Similarly, lines 28-35 defines image element 196 and lines 36-47 defines 

30 text box 182. Line 48 to the end of page 1 and lines 1-6 on page 2 of Appendix II 



11 



WO 02/37939 



PCT/US01/50942 



1 define text box 184. Lines 8-19 defines empty box 178, lines 20-27 defines image 

2 element 174 and lines 28-35 defines picture box 180. 

3 Line 36 to the end of page 2 and lines 1-9 of page 3 of Appendix II defines 

4 the location and content of large text box 1 88. Lines 1 0-21 defines text box 1 88, 

5 lines 22-33 defines text box 190, lines 34-45 defines text box 192. Line 42 to the 

6 end of page 2 and lines 1 -1 1 on page 4 defines text box 1 86. 

7 It should be noted that elements 1 72 and 1 74 have a lower zpos value than 

8 elements 1 88. The lower zpos values of elements 1 72 and 1 74 identify these 

9 elements as lying on top of (instead of underneath) element 1 88. 
A specific embodiment of a method and apparatus for constructing 

composite images according to the present invention has been described for the 
purpose of illustrating the manner in which the invention is made and used. It 
should be understood that the implementation of other variations and modifications 
of the invention and its various aspects will be apparent to one skilled in the art, and 
that the invention is not limited by the specific embodiments described. Therefore, 
it is contemplated to cover the present invention and any and all modifications, 
variations, or equivalents that fall within the true spirit and scope of the basic 
underlying principles disclosed and claimed herein. 
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1 Claims 

2 1 . A method of constructing a composite image within an image space of a 

3 webpage, comprising: 

4 displaying a plurality of source images within a content area of the 

5 webpage; 

6 dividing the image space of the composite image into a plurality of 

7 subspaces; 

8 designating a subspace of the plurality of subspaces for receipt of a selected 

9 image of the plurality of images; and 

0 resizing the selected image to fit the designated subspace of the composite 

1 image. 

2 2. The method of claim 1 further comprising using a mark-up language to 

3 encode the composite image. 

4 3. The method of claim 1 further comprising displaying the resized image in 

5 the designated subspace. 

6 4. The method of claim 3 further comprising displaying a plurality of text 

7 images within the content area. 

8 5. The method of claim 4 further comprising designating a subspace of the 

9 plurality of subspaces for receipt of a selected text image of the plurality of text 

0 images. 

1 6. The method of claim 5 further comprising resizing the selected text image 

2 of the plurality of text images to fit the designated space. 

3 7. The method of claim 6 further comprising displaying the resized text image 

4 in the designated subspace. 

5 8. The method of claim 6 wherein displaying the plurality of text images 

6 within the content area further comprises editing text within a text image of the 

7 plurality of text images. 

8 9. The method of claim 7 wherein displaying the text image within the 

9 designated subspace further comprises editing a content of the text image within 
o the designated space. 
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1 10. The method of claim 9 further comprising dividing a subspace of the 

2 plurality of subspaces into a text area and an image area. 

3 11. The method of claim 1 0 wherein the designation of the subspace further 

4 comprises dragging a text image of the plurality of text images to the text area of 

5 the divided subspace. 

6 12. The method of claim 10 wherein the designation of the subspace further 

7 comprises dragging a source image of the plurality of source images to the image 

8 area of the divided subspace. 

9 13. The method of claim 1 further comprising disposing lines around a 

0 subspace of the plurality of subspaces. 

1 14. An apparatus to construct a composite image within an image space of a 

2 webpage, comprising: 

3 means to display a plurality of source images within a content area of the 

4 webpage; 

5 means to divide the image space of the composite image into a plurality of 

6 subspaces; 

7 means to designate a subspace of the plurality of subspaces for receipt of a 

8 selected image of the plurality of images; and 

9 means to resize the selected image to fit the designated subspace of the 

0 composite image. 

1 15. The apparatus of claim 1 4 further comprising means to use a mark-up 

2 language to encode the composite image. 

3 16. The apparatus of claim 14 further comprising means to display the resized 

4 image in the designated subspace. 

5 17. The apparatus of claim 15 further comprising means to display a plurality 

6 of text images within the content area. 

7 18. The apparatus of claim 17 further comprising means to designate a 

8 subspace of the plurality of subspaces for receipt of a selected text image of the 

9 plurality of text images. 
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1 19. The apparatus of claim 1 8 further comprising means to resize the selected 

2 text image of the plurality of text images to fit the designated space. 

3 20. The apparatus of claim 19 further comprising means to display the resized 

4 text image in the designated subspace. 

5 21 . The apparatus of claim 1 9 wherein the means to display the plurality of text 

6 images within the content area further comprises means to edit text within a text 

7 image of the plurality of text images. 

8 22. The apparatus of claim 20 wherein the means to display the text image 

9 within the designated subspace further comprises means to edit a content of the 
text image within the designated space. 

23. The apparatus of claim 22 further comprising means to divide a subspace of 
the plurality of subspaces into a text area and an image area. 

24. The apparatus of claim 23 wherein the means to designate the subspace 
further comprises means to drag a text image of the plurality of text images to the 
text area of the divided subspace. 

25. The apparatus of claim 23 wherein the means to designate the subspace 
further comprises means to drag a source image of the plurality of source images to 
the image area of the divided subspace. 

26. The apparatus of claim 14 further comprising means to dispose lines around 
a subspace of the plurality of subspaces. 

27. An apparatus for constructing a composite image within an image space of 
a webpage, comprising: 

a webpage adapted to display a plurality of source images within a content 
area of the webpage; 

means to divide the image space of the composite image into a plurality of 
subspaces; 

means to designate a subspace of the plurality of subspaces for receipt of a 
selected image of the plurality of images; and 

means to resize the selected image to fit the designated subspace of the 
composite image. 
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1 28. The apparatus of claim 27 further comprising means to use a mark-up 

2 language to encode the composite image. 

3 29. The apparatus of claim 27 further comprising means to display the resized 

4 image in the designated subspace. 

5 30. The apparatus to claim 28 further comprising means to display a plurality 

6 of text images within the content area. 

7 31. The apparatus of claim 30 further comprising means to designate a 

8 subspace of the plurality of subspaces for receipt of a selected text image of the 

9 plurality of text images. 

32. The apparatus of claim 31 further comprising means to resize the selected 
text image of the plurality of text images to fit the designated space. 

33. The apparatus of claim 32 further comprising means to display the resized 
text image in the designated subspace. 

34. The apparatus of claim 32 wherein the means to display the plurality of text 
images within the content area further comprises means to edit text within a text 
image of the plurality of text images. 

35. The apparatus of claim 33 wherein the means to display the text image 
within the designated subspace further comprises means to edit a content of the 
text image within the designated space. 

36. The apparatus of claim 35 further comprising means to divide a subspace of 
the plurality of subspaces into a text area and an image area. 

37. The apparatus of claim 33 wherein the means to designate the subspace 
further comprises means to drag a text image of the plurality of text images to the 
text area of the divided subspace. 

38. The apparatus of claim 36 wherein the means to designate the subspace 
further comprises means to drag a source image of the plurality of source images to 
the image area of the divided subspace. 

39. The apparatus of claim 27 further comprising means to dispose lines around 
a subspace of, the plurality of subspaces. 
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1 40. An apparatus to construct a composite image within an image space of a 

2 webpage, comprising: 

3 a processor; 

4 a memory, communicatively connected to the processor; 

5 a program, stored in the memory, including, 

6 a module to display a plurality of source images within a content 

7 area of the webpage; 

8 a module to divide the image space of the composite image into a 

9 plurality of subspaces; 
a module to designate a subspace of the plurality of subspaces for 



receipt of a selected image of the plurality of images; and 

a module to resize the selected image to fit the designated subspace 
of the composite image. 

41 . The. apparatus of claim 40 further comprising a module to display the 
resized image in the designated subspace. 

42. The apparatus of claim 40 further comprising a module to use a mark-up 
language to encode the composite image. 

43. The apparatus of claim 42 further comprising a module to display a 
plurality of text images within the content area. 

44. The apparatus of claim 43 further comprising a module to designate a 
subspace of the plurality of subspaces for receipt of a selected text image of the 
plurality of text images. 

45. The apparatus of claim 44 further comprising a module to resize the 
selected text image of the plurality of text images to fit the designated space. 

46. The apparatus of claim 45 wherein the module to display the plurality of 
text images within the content area further comprises a module to edit text within a 
text image of the plurality of text images. 

47. The apparatus of claim 45 further comprising a module to display the 
resized text image in the designated subspace. 
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1 48. The apparatus of claim 47 wherein the module to display the text image 

2 within the designated subspace further comprises a module to edit a content of the 

3 text image within the designated space. 

4 49. The apparatus of claim 48 further comprising a module to divide a 

5 subspace of the plurality of subspaces into a text area and an image area. 

6 50. The apparatus of claim 49 wherein the module to designate the subspace 

7 further comprises a module to drag a text image of the plurality of text images to 

8 the text area of the divided subspace. 

9 51. The apparatus of claim 49 wherein the module to designate the subspace 
further comprises a module to drag a source image of the plurality of source 
images to the image area of the divided subspace. 

52. The apparatus of claim 40 further comprising a module to dispose lines 
around a subspace of the plurality of subspaces. 

53. An computer program to construct a composite image within an image 
space of a webpage, the program stored on a computer readable medium, the 
program, comprising: 

a module to display a plurality of source images within a content area of the 
webpage; 

a module to divide the image space of the composite image into a plurality 
of subspaces; 

a module to designate a subspace of the plurality of subspaces for receipt of 
a selected image of the plurality of images; and 

a module to resize the selected image to fit the designated subspace of the 
composite image. 

54. The medium of claim 53 further comprising a module to display the resized 
image in the designated subspace. 

55. The medium of claim 53 further comprising a module to use a mark-up 
language to encode the composite image. 

56. The medium of claim 55 further comprising a module to display a plurality 
of text images within the content area. 
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1 57. The medium of claim 56 further comprising a module to designate a 

2 subspace of the plurality of subspaces for receipt of a selected text image of the 

3 plurality of text images. 

4 58. The medium of claim 57 further comprising a module to resize the selected 

5 text image of the plurality of text images to fit the designated space. 

6 59. The medium of claim 58 wherein the module to display the plurality of text 

7 images within the content area further comprises a module to edit text within a text 

8 image of the plurality of text images. 

9 60. The medium of claim 58 further comprising a module to display the resized 
10 text image in the designated subspace. 

n 61 . The medium of claim 60 wherein the module to display the text image 

12 within the designated subspace further comprises a module to edit a content of the 

13 text image within the designated space. 

14 62. The medium of claim 61 further comprising a module to divide a subspace 
is of the plurality of subspaces into a text area and an image area. 

16 63. The medium of claim 62 wherein the module to designate the subspace 

17 further comprises a module to drag a text image of the plurality of text images to 

18 the text area of the divided subspace. 

19 64. The medium of claim 62 wherein the module to designate the subspace 
2 o further comprises a module to drag a source image of the plurality of source 

21 images to the image area of the divided subspace. 

22 65. The medium of claim 53 further comprising a module to dispose lines 

23 around a subspace of the plurality of subspaces. 
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METHOD OF CONSTRUCTING A COMPOSITE IMAGE WITHIN AN IMAGE SPACE OF A WEBPAGE. 

2 

3 FIELD 

4 The field of the invention relates to the Internet and more specifically to 

5 method of constructing and transmitting images over the Internet. 

6 

7 BACKGROUND 

8 Computer networks, in general, and the Internet, in specific, have become a 

9 vast resource of information. With the aid of a personal computer (PC) and web 

10 browser, a user may connect and retrieve information on virtually any subject 

11 matter. 

12 Using the browser, a user can locate and access any of a number of search 

13 engines through the Internet. From the search engines, a webpage may be 

14 downloaded for the entry of search terms. Through the proper entry of search 
is terms, any range of images and text may be located and downloaded to a user. 

16 Once downloaded to a user, the user may review the information on-line or 

17 print it out. Alternatively, the user may store the information to disk. 

18 While the information downloaded from the Internet is useful, it typically 

19 downloaded under a hypertext transport protocol (HTTP). While HTTP is useful 

20 for storing and printing, it is not particularly easy to manipulate and combine files. 

21 Other protocols, such as XML, are available, but have not been developed into 

22 useful applications. Accordingly, a need exists for applications which allow for the 

23 easy manipulation and combining of web based documents. 

24 

25 SUMMARY 

26 A method and apparatus are provided for constructing a composite image 

27 within an image space of webpage. The method includes displaying plurality of 

2 8 source images within a content area of the webpage and dividing the image space of 

2 9 the composite image into a plurality of subspaces. The method further includes 

30 designating a subspace of the plurality of subspaces for receipt of a selected image 
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1 of the plurality of images and resizing the selected image to fit the designated 

2 subspace of the composite image. 

3 

4 BRIEF DESCRIPTION OF THE DRAWINGS 

5 FIG. 1 is a block diagram of a system for constructing a composite image in 

6 accordance with an illustrated embodiment of the invention; 

7 FIG. 2 is login screen that may be used by the system of FIG. 1 ; 

8 FIG. 3 is a subject matter selection screen that may be used by the system of 

9 FIG. 1; 

10 FIG. 4 depicts a further subject matter selection screen that may be used by 

1 1 the system of FIG. 1 ; 

12 FIG. 5 depicts a template selection screen that maybe used by the system of 
is FIG. 1; 

14 FIG. 6 depicts a selected template and content area that may be used by the 

1 5 system of FIG. 1 ; 

is FIG. 7 depicts a floating toolbar that may be used by the system of FIG. 1 ; 

17 FIG. 8 depicts details of content selection that may be used by the system of 

is FIG. 1; 

19 FIG. 9 depicts further details of content selection that may be used by the 

20 system of FIG. 1; 

21 FIG. 10 depicts content that may be used in the composite image by the 

22 system of FIG. 1; 

2 3 FIG. 1 1 depicts details of construction of the composite image constructed 

24 by the system of FIG. 1 ; 

25 FIG. 12 depicts details of image transfer to the composite image constructed 

26 by the system of FIG. 1 ; 

27 FIG. 13 depicts details the composite image constructed by the system of 

28 FIG. 1; 

2 9 FIG. 14 depicts details of text transfer to the composite image constructed 

3 0 by the system of FIG. 1 ; 
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1 FIG. 15 depicts details of creation of the composite image constructed by 

2 the system of FIG. 1; 

3 FIG. 16 depicts, a composite image constructed by the system of FIG. 1; 

4 and 

5 FIG. 17 depicts a screen for editing composite images that may be used by 

6 the system of FIG. 1 . 

7 Appendix I depicts a DTD that may be used by the system of FIG. 1 . 

8 Appendix II depicts a composite image file that may be generated from the 

9 composite image of FIG. 17. 
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1 DETAILED DESCRIPTION 

2 FIG. 1 is a block diagram of a system 10, shown generally under an 

3 illustrated embodiment of the invention, for collecting, composing and transmitting 

4 images through the Internet. As used herein, an image includes: an illustration; 

5 photo; text; multimedia components such as, but not limited to, video, hypertext, 

6 etc.; and/or the like. A composite image includes more than one image. 

7 Included within the system 10 may be an operators station 34. The 

8 operators station 34 may include a central processing unit (CPU) 12 with an 

9 appropriate web browser 32, a display 20 and keyboard 1 8. The operators station 
10 34 may also include a database 22 which may function as a source and also a 

n destination of images. 

12 The operators station 34 may include a connection to the Internet 14. Also 

is coupled to the Internet 14 may be one or more servers (e.g., CPUs) 16, including 

14 websites 26 and databases 24. The servers 16 may also function as both a source 

is and destination of images as described in more detail below. 

16 Under the illustrated embodiment, an operator (not shown) working through 

17 the operators station 34 may access a website 26 and download a webpage 28 

18 containing the software constructs (e.g., a page building via browser (PBVB) tool 

19 30) for processing composite images. The PBVB tool 30 is a configurable tool, 

2 o which brings page layout functionality to the Internet. Communication between the 

21 operators station 34 and website 26 for downloading of the P3VB tool 30 (and 

22 subsequent communication) may occur through the standard HTTP port 80 of the 

23 operators station 34. 

24 As described in more detail below, the PBVB tool 30 provides a facility and 

25 an intuitive interface for placing content within a template. Since it may be 

2 6 retrieved from a website, it is inherently simple to access from remote locations and 

2 7 easy to install. Further, since the PBVB tool 30 may be downloaded from a 

2 8 common website of an organization, the organization may more easily enforce 

2 9 business rules through the use of embedded templates. 
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1 In general, the PBVB 30 may be written as a Java applet and run inside the 

2 browser 32. Providing the PBVB 30 as a Java applet allows PBVB 30 to be easily 

3 used in conjunction with Microsoft Internet Explorer or Netscape Navigator 

4 browsers on either PC or Macintosh platforms. 

5 Further, to facilitate operation of the PBVB 30, data may be delivered to 

6 and routed from the PBVB 30 under a common fomiat (e.g., XML). The use of 

7 XML simplifies image manipulation and composite image construction by 

8 providing a format which is Internet compatible and which is easily adapted to both 

9 text and image processing. 

10 The preparation of composite images may be useful for any of a number of 

11 uses. For example, the operator may use the workstation 34 to retrieve text and 

12 graphical representations from any of a number of Internet or local sources and 

13 combine such information into virtually any form of instructional or sales literature 

14 (e.g., catalogs). 

is Following is a description of a process that may be used for the creation of a 

16 catalog. While the description below is directed to a specific type of composite 

17 image, it should be understood that the described process may be extended to 

18 virtually any situation. 

19 In order to perform construction of a composite image, the operator (after 

20 accessing the website 26 and downloading webpage 28 and PBVB 30) may first be 

21 presented with a sign-on screen 40 (FIG. 2). The operator may enter his user name 

22 in a first box 42 and password in a second box 44, followed by activation of a login 

23 softkey. 

24 Following sign-in to the system, the website 26 may download a webpage 
2 5 50 (FIG. 3) offering a set of file choices 52, 54, 56, 58 from which the composite 
26 images will be created. In the example of the catalog, the operator may activate the 
2 7 "Spring and Summer" option 58. 

2 8 In response, a further webpage 60 may be downloaded from the website 
29 offering subdivisions 62, 64, 66, 68 of the file selection 58. As a further example 

3 0 of the catalog creation, the operator may select "Misses" 68. 



5 



WO 02/037939 



PCT/US01/50942 



1 In response, the website 26 may download a template selection webpage 70. 

2 Within the template selection webpage 70, a number of possible templates 72, 74, 

3 76 may be provided, any one of which may be used for creation of a composite 

4 image. A scroll bar 78 may be provided to access other choices of templates. In 

5 the example provided, the operator may select the lower template 76. 

6 The templates may be divided into a number of boxes. Larger boxes may 

7 have smaller boxes inside. The smaller boxes may be text boxes and the larger 

8 boxes may be image boxes. For convenience text boxes may be shown with 

9 diagonal lines. However, this is for convenience only, in the sense that images may 

10 later be placed in text boxes and text placed in image boxes. 

11 Upon selection of a template 76, the PBVB 30 may divide the display 80 

12 into a composing screen including first and second windows 82, 84 (FIG. 6). The 

13 first window 82 may be a content area for selecting source content for the 

14 composite image and the second window 84 displays the template within which the 

15 composite image is to be created. A floating toolbar 86 is also provided to facilitate 

16 creation of the composite image. 

17 FIG. 7 provides further detail regarding the floating toolbar 86. As shown, 

18 a first icon 88 of a disk, allows the user to save the composite image. A second 

19 icon 90 allows the user to print the composite image. Third and fourth curved 

20 arrows 92, 94 allows the user to UNDO and REDO changes. A selection tool 96 is 

21 provided to select specific boxes of the template for insertion of content into the 

22 composite image. A text tool 98 is provided to edit text in specific boxes. Zoom-in 

23 and zoom-out boxes 100, 102 and a zoom-to-percehtage box 104 are provided to 

24 enlarge or reduce portions of the composite image. A help box 106 is also 

25 provided. Finally, a box select tool 108 and line selection tool 107 are provided to 
2 6 insert additional boxes and lines into the template. 

2 7 A user may click on the box selection tool 1 07 with a cursor 1 34 and then 

2 8 click on a desired location within the selected template. The location of the cursor 

2 9 134 when the key on the mouse was actuated becomes the upper left comer of a 



6 



WO 02/037939 PCT/USO 1/50942 

1 new box. The user may enlarge the box by holding the actuating key on a mouse 

2 controller and dragging the new box to whatever size needed. 

3 Similarly, the line tool 107 may be selected by placing the cursor 134 on the 

4 line selection icon 107 and clicking. To create lines, the user may first click on a 

5 starting position, move the cursor 134 to an end position and click a second time. 

6 The content area 82 functions as a means to access source material for 

7 inclusion into the composite image. Within the content area 82, a first pull-down 

8 menu 110 may specify a data path to a particular data source (e.g., within a local 

9 directory, related database 22, Internet source 24, etc.). Once a source has been 

10 identified, first and second tabs 112, 114 may be used to select either text or images 

n within the source file. 

12 In the catalog example, a user may specify a specific pathname as a data 

13 source within a remote DB 24 (FIG. 1). Files identified by the pathname may be 

14 displayed in the pulldown menu 118 (FIG. 8) of content select 110. In the catalog 
is example, the file names may be "Specific Product", "Special Items" and "Sale". 

16 The user may select "Specific Product". Some choices may require additional path 

17 information. 

is For example, selection of the directory name "Specific Product" may not be 

19 a complete path to a file. In this case, a window 120 (FIG. 9) may be displayed 

20 requesting a specific file name. The user enters an identifier in a file identifier box 

21 122 and activates the OK button. The information entered through the file 

22 identifier box 122 may be easily customized via a configuration file. 

23 Upon identification of a file, the contents of the file may be displayed in the 

24 content area 82. Since the image tab 1 12 is highlighted in the content area 82, 

25 images 128, 130, 132 within the file 1 1SKU#; 12345-121 1 are retrieved and 

26 displayed within the content display area 126. To accommodate the reduced size of 

27 the content display area 126, the images may be reduced or enlarged using standard 
2 8 Java commands. Alternately, a thumbnail image may be displayed which may be 

2 9 suggestive of the underlying image. 
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1 To create the composite image, the user may place a cursor 134 on an image 

2 (e.g., 128) and drag the image to a box (e.g., 136). When the cursor 134 is released, 

3 the 10 PBVB 30 resizes the image 128 to occupy the box 136 using standard Java 

4 commands. The outline of the box 136 disappears and the resized image 138 

5 appears in its place (FIG. 11). 

6 Since the image 138 was placed in a first box 136 of the larger box 142, the 

7 PBVB 30 may now assume that the second smaller box 140 is a text box. To select 

8 text to add to the composite image, the user may either click on the box 140 or 

9 select the text tab 114. 

io Selection of the text tab 1 14 (FIG. 12) causes any text sections 142, 144, 

n 146 associated with the file to be presented in the content area 82. As with images, 

12 the user may place the cursor 134 over a text section and drag the text (e.g., 144) to 

13 a box (e.g., 140). Alternatively, the user may first click on the box 140 and then 

14 simply click on the text section 144 to affect a transfer. As with the images, the 

15 text section 144 may be resized to fit the box of the composite image (FIG. 13). 

16 Once text has been dragged to a box the user may edit the text. 

17 Alternatively, the user may edit the text 144 file in the control area 82. The user 
is may edit the text by selecting the text tool 98 or he may select the text by double- 
19 clicking on the text. Once the text tool has been selected, the user may place the 
2 o cursor 1 34 in the proper location in the text and make any necessary changes. 

21 To facilitate entry of information into the composite image 148, the user 

22 may select the zoom-in tool 1 50 (FIG. 14) and enlarge a particular box 1 52. In 

23 response, the box 152 (FIG. 15) may be enlarged to occupy the entire right window. 

24 Image and text may be dragged and dropped as above. As each box 152 (FIG. 15) 
2 5 is completed, the user may return to the template by selecting the zoom-out tool 
26 100. 

2 7 Using the process described above, the entire composite image 148 may be 

2 8 completed as shown in FIG. 16. Upon completion, the user may select the save 

29 icon. 
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1 Upon selection of the save icon 88, the composite image 148 may be converted into 

2 an XML document and stored or printed. The XML document may be stored in a 

3 local database 22, transmitted under XML to a website 26 or stored in a remote 

4 database 24. 

5 The transfer of data into and out of the PBVB 30 may be accomplished 

6 under any of a number of different formats. The source information (text and 

7 images) provided to the PBVB 30 may be provided under any appropriate mark-up 

8 language (e.g., XML) from any of a number of information conversion utilities 

9 (e.g., DeskNet APS). Images may be further encoded under an appropriate image 
10 format (e.g., gif, jpeg, etc.). 

n Composite images may be encoded by PBVB 30 into a composite image 

12 file 21, 29 under a webpage format for transmission, printing or storage in an 

13 appropriate database under a mark-up language structured to minimize composite 

14 file size, yet maximize file conversion efficiency. Appendix I provides an example 

15 of a document type definition (DTD) that may be used in conjunction with XML as 

16 an encoding mechanism for the composite image. 

17 As may be noted from the DTD information of Appendix I, the information 

18 of the composite image maybe encoded under XML based upon position and any of 

19 a number of text and picture elements. The x position (xpos), y position (ypos) and 

20 width and height of each box of the original template of the composite image 148 is 

21 required. Text may be attached to text boxes using conventional XML formatting. 

22 Lines, font or shading may be imparted to the composite image 148 using the DTD 

23 and conventional XML formatting. 

24 As may also be noted from the Appendix I the DTD allows images or text to 

25 be identified by a universal resource locator (URL). The utility of using a URL for 

26 an image (or for text) is that the actual image does not necessarily have to be stored 

27 within the composite image file. As such, the composite image file 21, 29 may 

2 8 simply be transferred in the form of a shell with references to source files. When 

29 the composite file reaches its destination, a browser may simply retrieve the 
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information from the URL and insert it into the proper location of the composite 

image 148. 

As is clear from Appendix I, the composite image file 21, 29 may be 
structured without any text or image information within the file. The composite 
image file 21, 29, in fact, need only contain a page layout with paths to the image 
and text necessary for rendering the composite image into the same visual 
appearance presented to the original user during creation of the composite image. 

Within a destination (e.g., another CPU 16), the composite image 148 may 
be reconstructed based upon the composite image file 29 and the DTD 27. To 
recreate the composite image 148, a decoding processor 23 (e.g., a browser) may 
retrieve the composite image file 29 from a database 24. The decoding processor 
23 may reconstruct the template using the composite image file 29 and DTD 27. 
Any images not contained within the file 29 may be retrieved using the URL within 
the composite image file 29. 

FIG. 17 depicts an editing screen that may be generated by the PBVB tool 
30 for editing composite screens. As with the composing screen of FIG. 6, the 
editing screen may include a content area 82 and an image area 84. 

To facilitate editing of existing (or the generation of entirely new) 
composite images, the content area 82 may include tabs allowing selection of 
images, text or templates. In the case of the editing screen of FIG. 17, the template 
tab 160 may be used to retrieve pre-existing composite images. 

By selecting the template tag (and entry of an appropriate path identifier), a 
number of previously created composite images 162, 164, 166 may be displayed in 
the context area 82. To select a composite image 162, 164, 166, the user may place 
the cursor over the image and activate the selection switch. 

In response, the selected composite image 162, 164, 166 may be displayed 
in the image area 84. Once an image has been selected, the user may select the 
image or text tab (FIG. 18) and edit the selected composite image. Editing may 
occur by selecting the text tool and typing in corrections, add new boxes, change 
box size (all as described above), or substitute new content. New content may be 
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substituted by dragging new content into the space of existing content. When this 
is done, the new content completely replaces the old content. 

Turning now to the composite images, an example will now be provided 
regarding the structure and content of the composite image files 21, 29. Appendix 
II may be representative of a CEF file 21, 29 that may be generated by the PBVB 
tool 30 from the composite image 168 of FIG. 17. 

For ease of understanding the content of Appendix II, line numbers have 
been added along the left margin of FIG. 17. Reference shall be made to the line 
numbers as appropriate to understanding the relationship between CEF files 
elements and corresponding elements of the composite image 168. 

As may be noted, line 1 defines the type of CEF 21, 29 file by version and 
the term "encloding^'lininl" defines an XML character set. Line 3 provides a 
URL to a relevant DTD 27, 31. Line 5 provides a layout delimiter. Line 6 provides 
a page number of the composite image and a size of the page in points (e.g., 72 
points per inch). 

Lines 7-18 defines the first element 170 of the composite image 168. As 
shown on line 7, the element 170 is a text box. The x and y position (i.e., xpos and 
ypos) of the upper left corner of the box lies at 225 and 643.252, respectively. The 
width is 365.7266 and the height is 21 .2385 points. The box can be edited, 
therefore canEdit- 'true". The term xpos=0, therefore other boxes may overlap the 
first element 170. The runaround terms (e.g., rounaroundleft, runaroundright, 
runaroundtop, runaroundbottom) specify a border space around the element 170. 
Line 12 defines the end of the text properties. Lines 13-15 specify font and style. 
Lines 16-17 specifies the actual text to be placed within the element 170. Line 18 
defines the end of the text element 170. 

Lines 20-27 defines the location and content of a picture box 172. As may 
be noted, line 26 provides a URL to the actual image information to be inserted into 
the picture box 172. 

Similarly, lines 28-35 defines image element 196 and lines 36-47 defines 
text box 182. Line 48 to the end of page 1 and lines 1-6 on page 2 of Appendix II 
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define text box 184. Lines 8-19 defines empty box 178, lines 20-27 defines image 
element 174 and lines 28-35 defines picture box 180. 

Line 36 to the end of page 2 and lines 1-9 of page 3 of Appendix II defines 
the location and content of large text box 188. Lines 10-21 defines text box 188, 
lines 22-33 defines text box 190 5 lines 34-45 defines text box 192. Line 42 to the 
end of page 2 and lines 1-1 1 on page 4 defines text box 1 86. 

It should be noted that elements 172 and 174 have a lower zpos value than 
elements 188. The lower zpos values of elements 172 and 174 identify these 
elements as lying on top of (instead of underneath) element 188. 

A specific embodiment of a method and apparatus for constructing 
composite images according to the present invention has been described for the 
purpose of illustrating the manner in which the invention is made and used. It 
should be understood that the implementation of other variations and modifications 
of the invention and its various aspects will be apparent to one skilled in the art, and 
that the invention is not limited by the specific embodiments described. Therefore, 
it is contemplated to cover the present invention and any and all modifications, 
variations, or equivalents that fall within the true spirit and scope of the basic 
underlying principles disclosed and claimed herein. 
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Claims 

1 . A method of constructing a composite image within an image space of a 
webpage, comprising: 

displaying a plurality of source images within a content area of the 
webpage; 

dividing the image space of the composite image into a plurality of 
subspaces; 

designating a subspace of the plurality of subspaces for receipt of a selected 
image of the plurality of images; and 

resizing the selected image to fit the designated subspace of the composite 

image. 

2. The method of claim 1 further comprising using a mark-up language to 
encode the composite image. 

3. The method of claim 1 further comprising displaying the resized image in 
the designated subspace. 

4. The method of claim 3 further comprising displaying a plurality of text 
images within the content area. 

5. The method of claim 4 further comprising designating a subspace of the 
plurality of subspaces for receipt of a selected text image of the plurality of text 
images. 

6. The method of claim 5 further comprising resizing the selected text image 
of the plurality of text images to fit the designated space. 

7. The method of claim 6 further comprising displaying the resized text image 
in the designated subspace. 

8. The method of claim 6 wherein displaying the plurality of text images 
within the content area further comprises editing text within a text image of the 
plurality of text images. 

9. The method of claim 7 wherein displaying the text image within the 
designated subspace further comprises editing a content of the text image within 
the designated space. 
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1 0. The method of claim 9 further comprising dividing a subspace of the 
plurality of subspaces into a text area and an image area. 

1 1 . The method of claim 1 0 wherein the designation of the subspace further 
comprises dragging a text image of the plurality of text images to the text area of 
the divided subspace. 

12. The method of claim 10 wherein the designation of the subspace further 
comprises dragging a source image of the plurality of source images to the image 
area of the divided subspace. 

13. The method of claim 1 further comprising disposing lines around a 
subspace of the plurality of subspaces. 

14. An apparatus to construct a composite image within an image space of a 
webpage 9 comprising: 

means to display a plurality of source images within a content area of the 
webpage; 

means to divide the image space of the composite image into a plurality of 
subspaces; 

means to designate a subspace of the plurality of subspaces for receipt of a 
selected image of the plurality of images; and 

means to resize the selected image to fit the designated subspace of the 
composite image. 

15. The apparatus of claim 14 further comprising means to use a mark-up 
language to encode the composite image. 

1 6. The apparatus of claim 1 4 further comprising means to display the resized 
image in the designated subspace. 

17. The apparatus of claim 15 further comprising means to display a plurality 
of text images within the content area. 

18. The apparatus of claim 17 further comprising means to designate a 
subspace of the plurality of subspaces for receipt of a selected text image of the 
plurality of text images. 
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19. The apparatus of claim 1 8 further comprising means to resize the selected 
text image of the plurality of text images to fit the designated space. 

20. The apparatus of claim 1 9 further comprising means to display the resized 
text image in the designated subspace. 

2 1 . The apparatus of claim 1 9 wherein the means to display the plurality of text 
images within the content area further comprises means to edit text within a text 
image of the plurality of text images. 

22. The apparatus of claim 20 wherein the means to display the text image 
within the designated subspace further comprises means to edit a content of the 
text image within the designated space. 

23. The apparatus of claim 22 further comprising means to divide a subspace of 
the plurality of subspaces into a text area and an image area. 

24. The apparatus of claim 23 wherein the means to designate the subspace 
further comprises means to drag a text image of the plurality of text images to the 
text area of the divided subspace. 

25. The apparatus of claim 23 wherein the means to designate the subspace 
further comprises means to drag a source image of the plurality of source images to 
the image area of the divided subspace. 

26. The apparatus of claim 14 further comprising means to dispose lines around 
a subspace of the plurality of subspaces. 

27. An apparatus for constructing a composite image within an image space of 
a webpage, comprising: 

a webpage adapted to display a plurality of source images within a content 
area of the webpage; 

means to divide the image space of the composite image into a plurality of 

subspaces; 

means to designate a subspace of the plurality of subspaces for receipt of a 
selected image of the plurality of images; and 

means to resize the selected image to fit the designated subspace of the 
composite image. 
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28. The apparatus of claim 27 further comprising means to use a mark-up 
language to encode the composite image. 

29. The apparatus of claim 27 further comprising means to display the resized 
image in the designated subspace. 

30. The apparatus to claim 28 further comprising means to display a plurality 
of text images within the content area. 

3 1 . The apparatus of claim 30 further comprising means to designate a 
subspace of the plurality of subspaces for receipt of a selected text image of the 
plurality of text images. 

32. The apparatus of claim 3 1 further comprising means to resize the selected 
text image of the plurality of text images to fit the designated space. 

33. The apparatus of claim 32 further comprising means to display the resized 
text image in the designated subspace. 

34. The apparatus of claim 32 wherein the means to display the plurality of text 
images within the content area further comprises means to edit text within a text 
image of the plurality of text images. 

35. The apparatus of claim 33 wherein the means to display the text image 
within the designated subspace further comprises means to edit a content of the 
text image within the designated space. 

36. The apparatus of claim 35 further comprising means to divide a subspace of 
the plurality of subspaces into a text area and an image area. 

37. The apparatus of claim 33 wherein the means to designate the subspace 
further comprises means to drag a text image of the plurality of text images to the 
text area of the divided subspace. 

38. The apparatus of claim 36 wherein the means to designate the subspace 
farther comprises means to drag a source image of the plurality of source images to 
the image area of the divided subspace. 

39. The apparatus of claim 27 further comprising means to dispose lines around 
a subspace of, the plurality of subspaces. 
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40. An apparatus to construct a composite image within an image space of a 
webpage, comprising: 

a processor; 

a memory, communicatively connected to the processor; 
a program, stored in the memory, including, 

a module to display a plurality of source images within a content 
area of the webpage; 

a module to divide the image space of the composite image into a 
plurality of subspaces; 

a module to designate a subspace of the plurality of subspaces for 
receipt of a selected image of the plurality of images; and 

a module to resize the selected image to fit the designated subspace 
of the composite image. 

41 . The apparatus of claim 40 further comprising a module to display the 
resized image in the designated subspace. 

42. The apparatus of claim 40 further comprising a module to use a mark-up 
language to encode the composite image. 

43. The apparatus of claim 42 further comprising a module to display a 
plurality of text images within the content area. 

44. The apparatus of claim 43 further comprising a module to designate a 
subspace of the plurality of subspaces for receipt of a selected text image of the 
plurality of text images. 

45. The apparatus of claim 44 further comprising a module to resize the 
selected text image of the plurality of text images to fit the designated space. 

46. The apparatus of claim 45 wherein the module to display the plurality of 
text images within the content area further comprises a module to edit text within a 
text image of the plurality of text images. 

47. The apparatus of claim 45 further comprising a module to display the 
resized text image in the designated subspace. 
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48. The apparatus of claim 47 wherein the module to display the text image 
within the designated subspace further comprises a module to edit a content of the 
text image within the designated space. 

49. The apparatus of claim 48 further comprising a module to divide a 
subspace of the plurality of subspaces into a text area and an image area. 

50. The apparatus of claim 49 wherein the module to designate the subspace 
further comprises a module to drag a text image of the plurality of text images to 
the text area of the divided subspace. 

5 1 . The apparatus of claim 49 wherein the module to designate the subspace 
further comprises a module to drag a source image of the plurality of source 
images to the image area of the divided subspace. 

52. The apparatus of claim 40 further comprising a module to dispose lines 
around a subspace of the plurality of subspaces. 

53. An computer program to construct a composite image within an image 
space of a webpage, the program stored on a computer readable medium, the 
program, comprising: 

a module to display a plurality of source images within a content area of the 

webpage; 

a module to divide the image space of the composite image into a plurality 
of subspaces; 

a module to designate a subspace of the plurality of subspaces for receipt of 
a selected image of the plurality of images; and 

a module to resize the selected image to fit the designated subspace of the 
composite image. 

54. The medium of claim 53 further comprising a module to display the resized 
image in the designated subspace. 

55. The medium of claim 53 further comprising a module to use a mark-up 
language to encode the composite image. 

56. The medium of claim 55 further comprising a module to display a plurality 
of text images within the content area. 
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57. The medium of claim 56 further comprising a module to designate a 
subspace of the plurality of subspaces for receipt of a selected text image of the 
plurality of text images. 

58. The medium of claim 57 further comprising a module to resize the selected 
text image of the plurality of text images to fit the designated space. 

59. The medium of claim 58 wherein the module to display the plurality of text 
images within the content area further comprises a module to edit text within a text 
image of the plurality of text images. 

60. The medium of claim 58 further comprising a module to display the resized 
text image in the designated subspace. 

61 . The medium of claim 60 wherein the module to display the text image 
within the designated subspace further comprises a module to edit a content of the 
text image within the designated space. 

62. The medium of claim 61 further comprising a module to divide a subspace 
of the plurality of subspaces into a text area and an image area. 

63. The medium of claim 62 wherein the module to designate the subspace 
further comprises a module to drag a text image of the plurality of text images to 
the text area of the divided subspace. 

64. The medium of claim 62 wherein the module to designate the subspace 
further comprises a module to drag a source image of the plurality of source 
images to the image area of the divided subspace. 

65. The medium of claim 53 further comprising a module to dispose lines 
around a subspace of the plurality of subspaces. 
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